.video-item{
    // border: 1px solid;
    padding: 0rem 0.4rem;
    .common-banner{
        width:9.2rem;
        border-radius: 0.1rem;
        clear: both;
        margin: auto;
        a{
            img{
                width: 100%;
                height:5.15rem;
            }
            .common-detail{
                position: relative;
                top: -1.23rem;
                height: 1.34444444rem;
                width:9.2rem;
                height:1.13rem;
                background: url(../images/yingy1@2x.png) 0 0;
                background-size: contain;
                border-bottom-left-radius: 0.1rem;
                border-bottom-right-radius: 0.1rem;
                line-height: 1.13rem;
                padding-top: 0.15rem;
                p{
                    font-size:0.24rem;
                    color:rgba(255,255,255,1);
                    padding: 0rem 0.27rem;
                    span{
                        float: right;
                    }
                }
                .video-title{
                    font-size:0.37rem;
                    color:rgba(51,51,51,1);
                    line-height:0.53rem;    
                    margin-top: 0.25rem; 
                    margin-left: 0.1333333333333333rem;  
                    padding: 0;         
                } 
            }
        }
    }
    .common-slider{
        width: 9.2rem;
        overflow: hidden;
        margin-top: 0.67rem;
        .common-swiper-container{
            .common-swiper-wrapper{
                .common-swiper-slide{
                    width:4.53rem;
                    height: 3.866666666666667rem;
                    margin-right: 0.14rem;
                    float: left;
                        margin-bottom: 0.67rem;
                    &:nth-child(2n){
                        margin: 0;
                    }
                    a{
                        img{
                            width: 100%;
                            height:2.53rem; 
                            border-radius: 0.1rem;
                        }
                        .common-detail{
                            position: relative;
                            top: -0.65rem;
                            height: 1.34444444rem;
                            width:4.53rem;
                            height:0.53rem;
                            background: url(../images/yingy2@2x.png) 0 0;
                            background-size: contain;
                            border-bottom-left-radius: 0.1rem;
                            border-bottom-right-radius: 0.1rem;
                            line-height: 0.53rem;
                            p{
                                font-size:0.24rem;
                                color:rgba(255,255,255,1);
                                padding: 0rem 0.27rem;
                                height: 100%;
                                span{
                                    float: right;
                                }
                            }
                            .video-title{
                                font-size:0.37rem;
                                color:rgba(51,51,51,1);
                                line-height:0.53rem;    
                                margin-top: 0.32rem; 
                                margin-left: 0.1333333333333333rem;           
                            }
                        }                        
                    }
                }
            }
        }
    }
}
.tabs {
  width: 100%;
  margin: 0.71rem 0rem;
  text-align: center;
  top: 0rem;
  right:0;
  background: #ffffff;
  z-index: 10;
  display: inline-block;
  margin-left: 0.4rem;
  .swiper-wrapper{
      margin-left: 0.3rem
  }
 }

.tabs > .nav-swiper-container > .nav-swiper-wrapper > .nav-swiper-slide {
    font-size:0.35rem;
    color:rgba(153,153,153,1);
    float: left;
    padding: 0rem 0.2rem;
         position: relative;
}
.tabs > .nav-swiper-container >.nav-swiper-wrapper >.active {
    font-size:0.43rem;
    color:rgba(17,17,17,1);
}
.tabs > .nav-swiper-container > .nav-swiper-wrapper >.active::after {
    content: "";
    width: .67rem;
    height: .08rem;
    background: #111;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 35%;
}
/* 底部 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 1.3333333333rem;
  background-color: #fff;
  z-index: 10; }
  .footer > .footer-item {
    flex: 1;
    height: 100%;
    text-align: center;
    font-size: 0; }
    .footer > .footer-item > a {
      display: block; }
      .footer > .footer-item > a > .icon-wrapper {
        width: 100%;
        height: 0.96rem;
        line-height: 0.96rem; }
        .footer > .footer-item > a > .icon-wrapper > .basefont {
          display: inline-block;
          vertical-align: middle;
          width: 0.5333333333rem;
          height: 0.64rem;
          background-image: url("../images/icon-b@2x.png");
          -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
          background-repeat: no-repeat;
          -webkit-background-size: 100%;
          background-size: 100%; }
          @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
            .footer > .footer-item > a > .icon-wrapper > .basefont {
              background-image: url("../images/icon-b@3x.png"); } }
        .footer > .footer-item > a > .icon-wrapper > .licai {
          display: inline-block;
          vertical-align: middle;
          width: 0.5866666667rem;
          height: 0.5866666667rem;
          background-image: url("../images/icon-l@2x.png");
          -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
          background-repeat: no-repeat;
          -webkit-background-size: 100%;
          background-size: 100%; }
          @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
            .footer > .footer-item > a > .icon-wrapper > .licai {
              background-image: url("../images/icon-l@3x.png"); } }
        .footer > .footer-item > a > .icon-wrapper > .ceping {
          display: inline-block;
          vertical-align: middle;
          width: 0.5333333333rem;
          height: 0.5333333333rem;
          background-image: url("../images/icon-c@2x.png");
          -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
          background-repeat: no-repeat;
          -webkit-background-size: 100%;
          background-size: 100%; }
          @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
            .footer > .footer-item > a > .icon-wrapper > .ceping {
              background-image: url("../images/icon-c@3x.png"); } }
        .footer > .footer-item > a > .icon-wrapper > .center {
          display: inline-block;
          vertical-align: middle;
          width: 0.48rem;
          height: 0.5866666667rem;
          background-image: url("../images/icon-m@2x.png");
          -webkit-background-size: 100% 100%;
          background-size: 100% 100%;
          background-repeat: no-repeat;
          -webkit-background-size: 100%;
          background-size: 100%; }
          @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
            .footer > .footer-item > a > .icon-wrapper > .center {
              background-image: url("../images/icon-m@3x.png"); } }
      .footer > .footer-item > a > span {
        display: inline-block;
        width: 100%;
        font-size: 10px;
        color: #acacac; }
    .footer > .footer-item.active > a > .icon-wrapper > .basefont {
      background-image: url("../images/icon-b-active@2x.png");
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%; }
      @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
        .footer > .footer-item.active > a > .icon-wrapper > .basefont {
          background-image: url("../images/icon-b-active@3x.png"); } }
    .footer > .footer-item.active > a > .icon-wrapper > .licai {
      background-image: url("../images/icon-l-active@2x.png");
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%; }
      @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
        .footer > .footer-item.active > a > .icon-wrapper > .licai {
          background-image: url("../images/icon-l-active@3x.png"); } }
    .footer > .footer-item.active > a > .icon-wrapper > .ceping {
      background-image: url("../images/icon-c-active@2x.png");
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%; }
      @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
        .footer > .footer-item.active > a > .icon-wrapper > .ceping {
          background-image: url("../images/icon-c-active@3x.png"); } }
    .footer > .footer-item.active > a > .icon-wrapper > .center {
      background-image: url("../images/icon-m-active@2x.png");
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%; }
      @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
        .footer > .footer-item.active > a > .icon-wrapper > .center {
          background-image: url("../images/icon-m-active@3x.png"); } }
